<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        1、关键字img---image图片
        2、语法<img src="" alt="">
                src指的是图片的资源路径，单词source来源资源
                alt专业术语预文本，当图片资源加载失败时展示预文本（注意显示条件）
        3、分类：单标签
        4、属性
            src---图片路径
            alt---图片加载失败时的提示文本
            title--鼠标悬停到该图片上时的提示文本
            width---宽度
            height---高度
    -->

    <!-- 线上图片 -->
    <h1>小姐姐</h1>
    <a href="https://image.baidu.com/search/detail?ct=503316480&z=0&tn=baiduimagedetail&ipn=d&cl=2&cm=1&sc=0&lm=-1&ie=gb18030&pn=3&rn=1&di=29920&ln=30&word=%D0%A1%BD%E3%BD%E3&os=1331542227,3480501465&cs=1616885533,1116536101&objurl=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201801%2F23%2F20180123220352_icQVm.thumb.700_0.jpeg&bdtype=0&simid=3197112508,4044041409&pi=0&adpicid=0&timingneed=0&spn=0&is=0,0&fr=ala&ala=1&alatpl=adress&pos=1&oriquery=%E5%B0%8F%E5%A7%90%E5%A7%90&hs=2&xthttps=000000">
        <img 
            src="https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1616885533,1116536101&fm=26&gp=0.jpg" 
            alt="这是一个帅气的小姐姐"
            title="大家好，我是某某某"
            width="200"
            height="200"
        >
    </a>
    <!-- 本地图片 -->
    <h2>小哥哥</h2>
    <img 
        src="C:/Users/x240/Pictures/蔡徐坤.jpg" 
        alt=""
    >
</body>
</html>